/**
 * Created by Administrator on 2016/3/7.
 */
// 导入 gulp/gulp-sass/gulp-autoprefixer 三个模块
var gulp = require('gulp');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var browserSync = require('browser-sync').create();
var notify = require('gulp-notify');
var plumber = require('gulp-plumber');
// 使用 gulp.task() 方法注册一个任务
// 第一个参数是任务名称
// 第二个参数是任务的执行逻辑
gulp.task('styles', function () {
    return gulp.src('sass/*.scss')
        .pipe(plumber({errorHandler: notify.onError('Error: <%= error.message %>')}))
        .pipe(sass())
        .pipe(autoprefixer())
        .pipe(gulp.dest('css'));
});


gulp.task('watch', function () {
    browserSync.init({
        server: {
            baseDir: "./"
        }
        //proxy: "localhost:8080"
    });
    gulp.watch("*.html").on('change', browserSync.reload);
    gulp.watch("*/*.html").on('change', browserSync.reload);
    gulp.watch('sass/*.scss', ['styles']).on('change', browserSync.reload);
});